<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Geocoded Autocomplete</title>
        <link rel="stylesheet" type="text/css" href="static/css/custom.css" />
        <link rel="stylesheet" type="text/css" href="static/css/jquery-ui-1.8.2.custom.css" />
        <script type="text/javascript" src="static/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="static/js/jquery-ui-1.8.2.custom.min.js"></script>
        <script type="text/javascript" src="static/js/jquery.autogeocomplete.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  
        
        <script type="text/javascript">
        
        $(document).ready(function(){
			
            var options = {
               
            }
			
            $('#mapaddress').autogeocomplete(options);
        });

        </script>
        
    </head>
    
    <body>
    <div id="mapblock">
        <h1>Geocoded Autocomplete</h1>
        
        <label for="mapaddress">Address</label>
        <input type=text id="mapaddress" />
        <div id="mapframe"><div id="mapwindow"></div></div>
    </div>
        <label for="filter_lat">Lat:</label>
        <input type="text" id="filter_lat" />
        <br />
        <label for="filter_lng">Lng:</label>
        <input type="text" id="filter_lng" />
        <br />
        <label for="filter_address">Address:</label>
        <input type="text" id="filter_address" />
    </body>
</html>
